<template>
    <div>
        <ul class="homeNav">
            <router-link tag="li" active-class="onFoucs" to="main">主要内容</router-link>
            <router-link tag="li" active-class="onFoucs" to="other">其他内容</router-link>
        </ul>
        <router-view></router-view>
    </div>
</template>
<script>
export default{
        
    }
    // 跳转：location.href()
</script>
<style lang="scss" scoped>
    .homeNav{
        display:flex;
        li{
            flex: 1;
            text-align:center;
        }
    }
    .onFoucs{
        background-color:blue;
        color:black;
    }


</style>